<template>
	<view class="">
		<scroll-view :scroll-y="true" class="scroll-box" @scrolltolower="scroll_lower" lower-threshold="60">
			<view class="radar_list">
				<view class="radar_item">
					<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2025/03/10/c8e199c36dda451a879d9fc77efa05a9.png" mode="widthFix"></image>
					<view class="radar_info">
						<view class="info_top">
							<view class="info_name">访客</view>
							<view class="info_time">2024年07月01日</view>
						</view>
						<view class="info_see">[欢迎语]</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default{
		data(){
			return{}
		},
		methods:{
			scroll_lower(){
				this.$emit('scroll_lower')
			}
		}
	}
</script>

<style lang="less">
	/* 列表数据 */
	.radar_list{
		.radar_item{
			display: flex;
			align-items: center;
			padding: 20rpx;
			// border-bottom: 1px solid #7f7f7f;
			background-color: white;
			margin-bottom: 10rpx;
			image{
				width: 80rpx;
				height: 80rpx;
			}
			.radar_info{
				width: 80%;
				margin-left: 40rpx;
				.info_top{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.info_name{
						color: black;
						font-size: 17px;
						font-weight: bold;
					}
					.info_time{
						color: gray;
						font-size: 13px;
					}
				}
			}
			.info_see{
				font-size: 12px;
				color: gray;
			}
		}
	}
</style>